<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>{$info.title}-邀请函</title>
    <link rel="stylesheet" href="__HOME_CSS__/inv0305.css" />
    <link rel="stylesheet" href="__HOME_CSS__/reset0305.css" />
    <script src="__HOME_JS__/main.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<link rel="stylesheet" href="__HOME_CSS__/inv.css?ver=0306">
	<link rel="stylesheet" type="text/css" href="__HOME_CSS__/inv_iconfont.css">
  </head>
  <body>
    <div class="layout-head">
      <div class="layout-head-img">
        <img src="{$info.cover_url}" alt="" />
      </div>
      <div class="wrap-title">
        <div class="layout-head-title">
          <div class="title">主题：{$info.title}</div>
          <div class="price">￥{$info.price}/人</div>
        </div>
        <div class="layout-head-details">
          <p>
            <img src="__HOME_IMG__/inv/rl.png" alt="" />
            <volist name="i_time" id="vo">
              <span>{$vo|time_format='Y-m-d H:i'}</span>
            </volist>
            
          </p>
          <p>
            <img src="__HOME_IMG__/inv/wz.png" alt="" /><span
              >{$info.showaddress}（详细地址付款可见）</span
            >
          </p>
        </div>
        <div class="layout-head-rules">
          <p>课堂席位：共{$info.num}位</p>
          <p>课堂时常：{$info.length}</p>
          <p>适合人群：{$info.people}</p>
        </div>
      </div>
    </div>
    <if condition="($info['brand_id'] gt 0)">
    <div class="teacher">
      <div class="img">
        <a href="{:U('Nav/kolinfo',array('id' => $kol_info['id']))}"><img src="{$kol_info.kvimg_url}" alt="" /></a>
      </div>
      <div class="info">
        <p>体验导师：{$kol_info.name}</p>
        <p class="star">
          <span>级别:</span>
          <for start='1' end="$kol_info.stars">
          <img src="__HOME_IMG__/inv/xx.jpg" alt="" />&nbsp;
          </for>
        </p>
      </div>
    </div>
    </if>
    <hr />
    <div class="main">
      <div class="title">
        <img src="__HOME_IMG__/inv/fj.png" />
        <span>环境：</span>
      </div>
      <div class="img">
        <volist name="info['enviimg_url']" id="vo">
            <img src="{$vo}" alt="" />
        </volist>
      </div>
      <div class="title">
        <img src="__HOME_IMG__/inv/gj.png" />
        <span>工具：</span>
      </div>
      <div class="info">
        <span>{$info.tools}</span>
      </div>
      <div class="img">
        <volist name="info['toolsimg_url']" id="vo">
            <img src="{$vo}" alt="" />
        </volist>
      </div>
      <div class="title">
        <img src="__HOME_IMG__/inv/fdj.png" alt="" />
        <span>课程步骤：</span>
      </div>
      <div class="info">
        {$info.step}
      </div>
      <div class="img">
        <volist name="info['stepimg_url']" id="vo">
            <img src="{$vo}" alt="" />
        </volist>
      </div>
      <div class="title">
        <img src="__HOME_IMG__/inv/right-1.png" alt="" />
        <span>成品效果：</span>
      </div>
      <div class="img">
        <volist name="info['resultimg_url']" id="vo">
            <img src="{$vo}" alt="" />
        </volist>
      </div>
    </div>
    <div class="foot">
      <div class="hr"></div>
      <div class="span">intable</div>
      <div class="hr"></div>
    </div>
<div class="template">
<div style="border-top: 1px solid #c4863d;" class="xuanfu">
				<!--<a href="">
					<div style="display: inline-block;float: left;width: 96px; height:25px; border-radius:5px; border:1px solid #c4863d; margin-top:11px; margin-left:6%">
						<p style="color:#c4863d;line-height: 24px;text-align: center;">购买体验卡</p>
						 <img style="height: 25px" src="/Application/Home/View/Public/img/default/tiyan.png"> 
					</div>
				</a>-->
				<a href="">
					<!--<div style="display:inline-block; float:right; width:88px; height:25px; margin-top:11px; border-radius:5px; margin-right:6%;background-color: #c4863d">-->
					<if condition="($info['atime'] gt 0)">
						<if condition="($timestamp gt $max_time)">
							<eq name="cansign" value="1">
								<a href="{$info.sign_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">现场签到</p>
								</a>
								<a href="{$info.live_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:49.9vw;">精彩回顾</p>
								</a>
								<!-- <a href="{:U('orderInvite', array('id' => $info['id']))}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:49.9vw;">报名体验</p>
								</a> -->
							<else/>
								<a href="{$info.live_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;">精彩回顾</p>
								</a>
							</eq>
						<else/>
							<eq name="cansign" value="1">
								<a href="{$info.sign_url}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">现场签到</p>
								</a>
								<!-- <a href="{:U('orderInvite', array('id' => $info['id']))}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:49.9vw;">报名体验</p>
								</a> -->
								 <a href="{$info.live_url}">
                                    <p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">精彩直播间</p>
                                </a>
							<else/>
                                <a href="{$info.live_url}">
                                    <p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:left;width:50vw">精彩回顾</p>
                                </a>
								<a href="{:U('orderInvite', array('id' => $info['id']))}">
									<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;float:right;width:49.9vw;">报名体验</p>
								</a>

							</eq>
						</if>
					<else/>
						<a href="javascript:;">
							<p style="background-color: #c4863d;color:#fff;line-height: 50px;text-align: center;">Coming soon...</p>
						</a>
					</if>
					<!-- <a href=""><img src="/Application/Home/View/Public/img/default/yuding.png"></a> -->
					<!--</div>-->
				</a>
			</div>
		</div>
		<div style="height: 20vw;width: 100vw;" id="">
		</div>
    <style>

		</style>
  </body>
</html>
